Suche mit GetElement(s) oder querySelector

Findet Bestimmte Elemente auf der Seite. Werden die Elemente nicht gefunden wird 0 zurückgegeben.
Darum ist es besser die Suche einer Variablen zuzuweisen und auszuwerten. PS: das gefundene Element auf der Konsole anzuzeigen bringt interessante Erkenntnisse
Möglich:
document.write(document.getElementById("idSeo0").innerText);
Besser:
var = document.getElementById("idSeo0");
... Fehlerbehandlung ...
document.write(var.innerText);
Weitere Informationen und getElementById als Ausgangspunkt
Konsole einschalten (F12) und Sourcecode anschauen erspart lange Beschreibungen.

Ausgangslage

TAG=seo id="idSeo0" name="nameSeo" class="classSeo"
TAG=seo id="idSeo1" name="nameSeoA" class="classSeo"
TAG=seo id="idSeo2" name="nameSeoA" class="classSeo"
TAG=seoC id="idSeo3" name="nameSeoB" class="classSeo"
TAG=seoC TAG=seo id="idSeo4" name="nameSeoB" class="classSeo"


querySelector


querySelectorAll



Was kann man auslesen?

ID auslesen:

Dieses Element wird ausgelesen

ID anweisung:
ein = document.getElementById("auslesen");
aus = document.getElementById("ausgabe");

ID ausgabe:





Test mit 'name=nameTest' (in unterschiedliche Elemente)

Suchen mit document.getElementsByName("nameTest") und den "Baum" stufenweise erklimmen (parentElement)



Test mit 'name' (nur einmalige Treffer)

ROT
BLAU

ACHTUNG: Wenn man 'name' (oder 'class') als 'id' missbrauchen muss, nicht vergessen immer den ersten möglichen index '[0]' anzugeben.
beispiel = document.getElementsByName("farbe1")[0].innerText;
Bearbeiten